.tutor-home {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #ffffff 0%, #3d7cfd 100%);
  position: relative;

  .home-tit{
    background: #cfdffe;
    color: #333333;
    position: relative;

    .infos{
        position: absolute;
        right: 30px;
        top: 0px;

        i.icon{
            display: inline-block;
            width: 26px;
            height: 26px;
            background: url('../../../assets/img/info.png') no-repeat 0px 0px;
            background-size:  100% 100%;
        }
    }
     
  }

  .home-content {
    position: relative;
    top: 0;
    height: calc(100% - 42px);

    .info-box {
      border: 1px solid #ddd;
      width: 60%;
      height: 25%;
      margin: auto;
      position: absolute;
      top: 10%;
      left: 0;
      right: 0;
      // background: #eee;
    }

    .block-box {
      position: absolute;
      bottom: 25%;
      left: 0;
      right: 0;

      .inline-block {
        width: 100px;
        text-align: center;
        //margin: 20px;
        color: #000;
        font-weight: bold;
        font-size: 16px;

        .am-badge-text{
          top: 0;
        }

        &:hover {
          background-color: #ddd;
        }

        i.icon {
          width: 46px;
          height: 46px;
          display: block;
          margin: 2px auto;

          &.form {
            background: url(../../../assets/img/img3.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }

          &.resume {
            background: url(../../../assets/img/img5.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }

          &.orderMarket {
            background: url(../../../assets/img/img8.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }

          &.list {
            background: url(../../../assets/img/img6.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }


          &.pending {
            background: url(../../../assets/img/img10.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }


          &.history {
            background: url(../../../assets/img/history.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }


          &.refund-options {
            background: url(../../../assets/img/RefundOptions.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }

          &.notice{
            background: url(../../../assets/img/notice.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }

          &.learning{
            background: url(../../../assets/img/learning.png) no-repeat 0px 0px;
            background-size: 100% 100%;
          }

        }
      }
    }
  }
}
